<template>
	<view>
		<u-tabbar :value="value6" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true"  >
			<block v-for="(item, index) in tabBarList" :key="index"  >
				<u-tabbar-item :text="item.text" :icon="item.iconPath" @click="handleTabbar(item)" ></u-tabbar-item>
			</block>
		</u-tabbar>
	</view>
</template>
<script>
	import store from '@/store/index.js'
	export default {
		props: {
			tabBarList: {
				type: Array,
				default: uni.getStorageSync('tabBarList')
			},
		},
		data() {
			return {
				borderTop: true,
				inactiveColor: '#909399',
				activeColor: '#328CFA',
			}
		},
    methods: {
    handleTabbar(item) {
      console.log(item);
      uni.switchTab({
      					url: item.pagePath
      				})
    }
      }
     
	}
</script>
